<head>
  <meta name='layout' content='main'/>
  <style type='text/css' media='screen'>
  #login {
    margin: 15px 0px;
    padding: 0px;
  }

  #login .cssform p {
    clear: left;
    margin: 0;
    padding-left: 100px;
  }

  #login .cssform input[type='text'] {
    width: 200px;
  }

  #login .cssform label {
    font-weight: bold;
    float: left;
    margin-left: -100px;
    width: 100px;
  }

  #login .login_message {
    color: red;
  }

  #login .text_ {
    width: 200px;
  }

  #login .chk {
    height: 12px;
  }
  </style>
</head>

<body>
<div class="span-20">
  <div style="text-align:center; padding-top: 60px">
    <g:link controller="register">いますぐ登録</g:link>
    <div style="padding-top: 30px"><!-- spacer --></div>
    <g:link controller="public_timeline">公開つぶやき</g:link>
  </div>
</div>
<div class="span-19 last" id="login">
  <h1>ログイン</h1>
  <g:if test='${flash.message}'>
    <div class='login_message'>${flash.message}</div>
  </g:if>
  <br/>
  <form action='${postUrl}' method='POST' id='loginForm' class='cssform'>
    <p>
      <label for='j_username'>ログインID</label>
      <input type='text' class='text_' name='j_username' id='j_username' value='${request.remoteUser}'/>
    </p>
    <p>
      <label for='j_password'>パスワード</label>
      <input type='password' class='text_' name='j_password' id='j_password'/>
    </p>
    <p>
      <input type='checkbox' class='chk' name='_spring_security_remember_me' id='remember_me'
        <g:if test='${hasCookie}'>checked='checked'</g:if>/>
      次回から入力を省略する
    </p>
    <p>
      <input type='submit' value='Login'/>
    </p>
  </form>
  <div style="margin-bottom:20px"><!-- spacer --></div>
</div>
<script type='text/javascript'>
  <!--
  (function() {
    document.forms['loginForm'].elements['j_username'].focus();
  })();
  // -->
</script>
</body>
